@layout("/common/_container.html",{css:["/assets/modular/frame/user_info.css"],js:["/assets/hx/basic/hxBasicGoods/hxBasicGoods_add.js"]}){
<style>
    .user-info-head {
        width: 200px;
        height: 180px;
    }

    .user-info-head img {
        width: 200px;
        height: 180px;
        border-radius: 5%;
    }

    .user-info-head:hover:after {
        border-radius: 5%;
        line-height: 180px;
    }

    #container {
        width: 1200px;
        height: 280px;
        position: relative;
    }

    .text-center {
        position: absolute;
    }

    .imgdiv-1 {
        margin-left: 0px;
    }

    .layui-form-item {
        margin-bottom: 2px;
    }

    .layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
        border-color: #89d19d;
    }

    .layui-form-pane .layui-form-label {
        background-color: #e6e6e6;
    }
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">添加</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="hxBasicGoodsForm" lay-filter="hxBasicGoodsForm" class="layui-form layui-form-pane"
                  style="max-width: 1350px;margin: 10px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>添加商品信息</legend>
                </fieldset>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">所属客户<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="goodsCustomerId" name="goodsCustomerId" lay-filter="goodsCustomerId"
                                    lay-verify="required" required>
                                @for(item in customerlist!){
                                <option value="${item.id}">${item.customerName}</option>
                                @}
                            </select>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">商品名称<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsName" name="goodsName" placeholder="请输入商品名称" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">商品编号<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsNumber" name="goodsNumber" placeholder="请输入商品编号" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">商品码</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsPcode69" name="goodsPcode69" placeholder="请输入商品码" type="text"
                                   class="layui-input" lay-verify="" required/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">商品码2</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsXcode69" name="goodsXcode69" placeholder="请输入商品码2" type="text"
                                   class="layui-input" lay-verify="" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">商品码3</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsHcode69" name="goodsHcode69" placeholder="请输入商品码3" type="text"
                                   class="layui-input" lay-verify="" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">重泡货</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="goodsHeavybubble" name="goodsHeavybubble" lay-filter="goodsHeavybubble"
                                    lay-verify="" required>
                                <option value=""></option>
                                <option value="泡货">泡货</option>
                                <option value="重货">重货</option>
                            </select>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">规格</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsSpecs" name="goodsSpecs" placeholder="请输入规格" type="text"
                                   class="layui-input" lay-verify="" required/>
                        </div>
                    </div>
                </div>



                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">分类</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsBigtypedictId" name="goodsBigtypedictId" type="hidden">
                            <input id="goodsBigtype" name="goodsBigtype" placeholder="请选择分类" type="text"
                                   class="layui-input" lay-verify="" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">品牌</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="goodsBrand" name="goodsBrand" lay-filter="goodsBrand" lay-verify="" required>
                                <option value=""></option>
                                <option value="四线">四线</option>
                                <option value="三线">三线</option>
                                <option value="二线">二线</option>
                                <option value="一线">一线</option>
                                <option value="超一线">超一线</option>
                                <option value="厂家-淘汰">厂家-淘汰</option>
                                <option value="南京地区">南京地区</option>
                                <option value="厂家商品">厂家商品</option>
                                <option value="无锡地区">无锡地区</option>
                            </select>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">安全库存<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="anquanNum" name="anquanNum" placeholder="请输入安全库存值" type="number"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">是否拆零</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="dismantlingParts" name="dismantlingParts" lay-filter="dismantlingParts"
                                    lay-verify="" required>
                                <option value="否">否</option>
                                <option value="是">是</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">备注</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsNodes" name="goodsNodes" placeholder="请输入备注" type="text"
                                   class="layui-input"/>
                        </div>
                    </div>
                </div>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>添加计量单位</legend>
                </fieldset>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">基本单位<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="jibenUnit" name="jibenUnit" placeholder="请输入基本单位" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">转化规格</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="boxSpecs" name="boxSpecs" placeholder="请输入转化规格" type="number"
                                   class="layui-input"/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">库存单位<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="kcUnit" name="kcUnit" placeholder="请输入库存单位" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">库存换算<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="kcRate" name="kcRate" placeholder="请输入库存换算率" type="number"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">采购单位<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="cgUnit" name="cgUnit" placeholder="请输入采购单位" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">采购换算<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="cgRate" name="cgRate" placeholder="请输入采购换算率" type="number"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">批发单位<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="pfUnit" name="pfUnit" placeholder="请输入批发单位" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">批发换算<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="pfRate" name="pfRate" placeholder="请输入批发换算率" type="number"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">配送单位<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="psUnit" name="psUnit" placeholder="请输入采购单位" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">配送换算<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="psRate" name="psRate" placeholder="请输入采购换算率" type="number"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                </div>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>采购码托规则</legend>
                </fieldset>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">底<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsBottom" name="goodsBottom" placeholder="请输入底" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">叠层<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsLamination" name="goodsLamination" placeholder="请输入叠层" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">每托存量<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsSupportvolume" name="goodsSupportvolume" placeholder="请输入每托存量"
                                   type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">托层<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsTraylayer" name="goodsTraylayer" placeholder="请输入托层" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                </div>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>采购商品数值</legend>
                </fieldset>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">长(cm)</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="length" name="length" placeholder="请输入长" type="text" class="layui-input"/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">宽(cm)</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="width" name="width" placeholder="请输入宽" type="text" class="layui-input"/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label">高(cm)</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="height" name="height" placeholder="请输入高" type="text" class="layui-input"/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">体积cm³<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsVolume" name="goodsVolume" placeholder="请输入体积（M3）" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">重量Kg<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsWeight" name="goodsWeight" placeholder="请输入重量" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">保质期(天)<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsWarranty" name="goodsWarranty" placeholder="请输入保质期" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                </div>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>价格设置（价格均按基本单位进行设置）</legend>
                </fieldset>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">采购价<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsChargingCg" name="goodsChargingCg" placeholder="请输入价格" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">配送价<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsChargingPs" name="goodsChargingPs" placeholder="请输入价格" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid"></div>
                        <label class="layui-form-label" style="font-weight: 600;">批发价<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsChargingPf" name="goodsChargingPf" placeholder="请输入价格" type="text"
                                   class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                </div>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>新零帮参数设置</legend>
                </fieldset>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 200px;">新零帮商品id</label>
                        <div class="layui-input-inline" style="width: 200px;">
                            <input id="goodsXlbId" name="goodsXlbId" placeholder="请输入新零帮商品id" type="text"
                                   class="layui-input" lay-verify="" required/>
                        </div>

                    </div>
                </div>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>附件信息</legend>
                </fieldset>
                <div id="container">
                    <div class="text-center layui-text imgdiv-1">
                        <div class="user-info-head" id="imgHead">
                            <img id="avatarPreview" src="https://z3.ax1x.com/2021/08/03/ficppn.png"/>
                        </div>
                        <h3 style="padding-top: 20px;">商品图片</h3>
                        <input id="v1" name="v1" type="hidden"/>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;返回&emsp;
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}
